.mine {
  width: 100%;
  height: 100%;
  color: #333;

  .content {
    width: 100%;
    height: 100%;
    background: linear-gradient(#1989fa8c 0%, #1989fa3d 100%);

    .top {
      width: 100%;
      

      .top-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px;

        > h2 {
          font-weight: bolder;
        }

        .van-icon {
          margin-left: 15px;
        }
      }

      .login {
        padding: 0 20px 20px;
        display: flex;
        align-items: center;

        > h2 {
          margin-left: 10px;
          font-weight: bolder;
        }
      }

      .attention{
        display: flex;
        align-items: center;
        padding: 0 20px;

        >div{
          box-sizing: border-box;
          width: 110px;
          padding: 0 20px 20px;
          text-align: center;

          .num{
            font-size: 18px;
            font-weight: bold;
          }
        }
      }
    }

    .bottom{
      width: 100%;
      background-color: #fff;
      border-radius: 20px;

      .sign{
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;

        >div{
          background-color: #f5f5f5;
          width: 160px;
          height: 50px;
          line-height: 50px;
          text-align: center;
          border-radius: 10px;

          >img{
            width: 25px;
            height: 25px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
          }

          >span{
            font-weight: bold;
          }
        }
      }

      .my-car{
        padding: 0 20px;
        
        .van-cell{
          box-shadow:0 0 10px #f5f5f5;
          border-radius: 5px;
        }
      }

      .card{
        padding: 20px;
      }
    }
  }
}